<template>
    <div class="home">
      <div class="carouse_box" :style="{height:heightC + 'px'}">
        <mt-swipe :auto="4000">
          <mt-swipe-item v-for="(list,key) of $imgList.BroadcastImage" :key="key">
            <img :src="$ENV.UPLOADIMG + list" alt="">
          </mt-swipe-item>
        </mt-swipe>
      </div>
    </div>
</template>
<script>
    export default {
        props: {},
        components: {},
        data() {
            return {
              heightC:'',
            }
        },
        methods: {},
        watch: {},
        computed: {
            //计算属性
        },
        created() {
          let height = window.screen.width;
          this.heightC = height * 0.8;
        },
        mounted() {
            //生命周期
        }
    }
</script>
<style scoped>
    .home {
        width: 100%;
        height: 100%;
    }
    .carouse_box {
      background-size: 100% 100%;
    }
    img{
      width: 100%;
      height: 100%;
      background-size: 100% 100%;
    }
</style>
